<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css" />

		<link rel="stylesheet" type="text/css" href="css/new_file.css" />

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

		<script src="js/new_file.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			/*定制属性*/
			$(function(){
				$("#MyModal").modal({
					backdrop:true,
//					页面打开是否需要背景样式,true是需要,false是不需要
					show:true
//					页面初始化,是否需要开启模态框,true是开启
				})
			})
			
			$(function(){
				$("#MyModal").on("show.bs.modal",function(){
					alert("模态框将展开")
				})
				$("#MyModal").on("shown.bs.modal",function(){
					alert("模态框已经展开")
				})
				$("#MyModal").on("hide.bs.modal",function(){
					alert("模态框将关闭")
				})
				$("#MyModal").on("hidden.bs.modal",function(){
					alert("模态框已经关闭")
					
				})
			})
		</script>
	</body>
</html>
